/*
  学习目标：组件更新机制
+  setState() 的两个作用： 1. 修改 state 2. 更新组件（UI）
+  过程：父组件重新渲染时，也会重新渲染子组件。但只会渲染当前组件子树（当前组件及其所有子组件）

总结：

1. 组件更新，默认会导致所有后代组件更新。
2. 组件更新，默认不会影响兄弟组件。
*/
import React, { Component } from 'react'

export default class App extends Component {
    state = {
        count: 0,
    };

    handleClick = () => {
        this.setState({ count: this.state.count + 1 });
    };
    render() {
        // console.log('只执行一次');
        return (
            <div>
                <h1>数量： {this.state.count}</h1>
                <button onClick={this.handleClick}>点我修改数量</button>
                <Footer></Footer>
            </div>
        )
    }
}
class Footer extends React.Component {
    render() {
        console.log('footer');
        return <div>我是Footer</div>;
    }
}